<!DOCTYPE html>
<html ng-app="demo">
    <head>
        <meta charset="UTF-8">
        <title><?php echo $this->pageTitle; ?></title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>

        <!-- bootstrap 3.0.2 -->
        <link href="/statics/plugins/AdminLTE/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="/statics/plugins/AdminLTE/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="/statics/plugins/AdminLTE/css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Morris chart -->
        <link href="/statics/plugins/AdminLTE/css/morris/morris.css" rel="stylesheet" type="text/css" />
        <!-- jvectormap -->
        <link href="/statics/plugins/AdminLTE/css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
        <!-- fullCalendar -->
        <link href="/statics/plugins/AdminLTE/css/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" />
        <!-- Daterange picker -->
        <link href="/statics/plugins/AdminLTE/css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
        <!-- bootstrap wysihtml5 - text editor -->
        <link href="/statics/plugins/AdminLTE/css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="/statics/plugins/AdminLTE/css/AdminLTE.css" rel="stylesheet" type="text/css" />
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->

        <script src="/statics/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>

        <script type="text/javascript" src="/statics/plugins/jquery-migrate-1.2.1.min.js"></script>

        <!-- jQuery 2.0.2 -->
        <!--<script src="/statics/plugins/AdminLTE/js/jquery.min.js"></script>-->
        <!-- jQuery UI 1.10.3 -->
        <script src="/statics/plugins/AdminLTE/js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
        <!-- Bootstrap -->
        <script src="/statics/plugins/AdminLTE/js/bootstrap.min.js" type="text/javascript"></script>
        <!-- Morris.js charts -->
        <script src="/statics/plugins/AdminLTE/js/raphael-min.js"></script>
        <script src="/statics/plugins/AdminLTE/js/plugins/morris/morris.min.js" type="text/javascript"></script>
        <!-- Sparkline -->
        <script src="/statics/plugins/AdminLTE/js/plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
        <!-- jvectormap -->
        <script src="/statics/plugins/AdminLTE/js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
        <script src="/statics/plugins/AdminLTE/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
        <!-- fullCalendar -->
        <script src="/statics/plugins/AdminLTE/js/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
        <!-- jQuery Knob Chart -->
        <script src="/statics/plugins/AdminLTE/js/plugins/jqueryKnob/jquery.knob.js" type="text/javascript"></script>
        <!-- daterangepicker -->
        <script src="/statics/plugins/AdminLTE/js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
        <!-- Bootstrap WYSIHTML5 -->
        <script src="/statics/plugins/AdminLTE/js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
        <!-- iCheck -->
        <script src="/statics/plugins/AdminLTE/js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>

        <script type="text/javascript" src="/statics/plugins/jquery.validate.js"></script>


        <script src="/statics/plugins/uploadify/jquery.uploadify.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="/statics/plugins/uploadify/uploadify.css">

      <!--   <script src="/statics/plugins/jquery.slimscroll.min.js" type="text/javascript"></script>
 -->
        <!-- AdminLTE App -->
         <script src="/statics/plugins/AdminLTE/js/AdminLTE/app.js" type="text/javascript"></script>
    </head>
    <body class="skin-blue">
        <header class="header">
            <a href="/admin" class="logo">
                <?php echo Yii::app()->name ; ?>
            </a>
            <?php $this->widget('NavBarWidget'); ?>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <aside class="left-side sidebar-offcanvas">
                <?php $this->widget('NavListWidget'); ?>
            </aside>
            <aside class="right-side">
            <?php $this->widget('AlterMsgWidget'); ?>
                <section class="content">

                    <div class="alert alert-danger  alert_self alert_self_danger alert-dismissable" style="margin:10px; display:none">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>

                    </div>

                    <div class="alert alert-success alert_self alert_self_success  alert-dismissable" style="margin:10px; display:none">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>

                    </div>

                    <?php echo $content; ?>
                </section>
            </aside>
        </div>
        <style type="text/css">
        .check_failure input{
            border: 1px solid #d9534f;
        }
        .check_failure .help-block{
            color: #d9534f;
        }
        .chat_box{
            position: absolute;
            height: 100px;
            width: 500px;
            right: 0;
            bottom: 50px;
            background: #000;
        }
        .alert_self{
            position: relative;
            z-index: 9;
            display: none;
        }
        .blinkpage_input{
            width: 50px;
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ccc;
        }
        </style>
        <script type="text/javascript">
        $(document).ready(function(){

            $(".form-group input").focus(function(){
                $(this).parent().removeClass('check_failure');
                $(this).next('.help-block').remove();
            });
        })
        function showAfterMsg(that, msg, type)
        {
            if (type) {
                $(that).parent().removeClass('check_failure');
                $(that).next('.help-block').remove();
            } else {
                $(that).parent().addClass('check_failure');
                if (!$(that).siblings().hasClass('help-block')) {
                    $(that).after('<p class="help-block">' + msg + '</p>');
                }
            }
        }
        function showSuccess(msg)
        {
            if (msg) {
                $('.alert_self_success').text(msg);
                $('.alert_self_success').fadeIn(200);
            setTimeout(function(){
                $('.alert_self_successs').fadeOut(500);
            },5000)
            };
            $(document).scrollTop(0); display:none
        }
        function showError(msg)
        {
            if (msg) {
                $('.alert_self_danger').text(msg);
                $('.alert_self_danger').fadeIn(200);
                setTimeout(function(){
                    $('.alert_self_danger').fadeOut(500);
                },5000)
            };
            $(document).scrollTop(0);
        }
        </script>

    </body>
</html>
